<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>


<header>
    <div class="container">
        <div class="box">
            <div class="row">
                <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                    <p class="hotline font-16-d">客服热线：010-594-78634</p>
                    <div class="imgbox">
                        <span class="login"><a class="font-16-d" href="/tiles/login">登录</a></span>&nbsp
                        <span class="login"><a class="font-16-d" href="/tiles/register">注册</a></span>
                    </div>
                    <div class="imgbox1">
                        <img src="./img/task8-1-1.png" alt="微信">
                        <img src="./img/task8-1-2.png" alt="QQ">
                        <img src="./img/task8-1-3.png" alt="微博">
                    </div>
                    <div class="login-box">
                        <span class="login"><a class="font-16-d" href="/tiles/login">登录</a></span>&nbsp
                        <span class="login"><a class="font-16-d" href="/tiles/register">注册</a></span>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <nav class="navbar">
        <div class="container">
            <div class="nav-logo"><img src="./img/task8-1-20.png" alt="技能树"></div>
            <label class="label" for="f1">
                <div></div>
                <div></div>
                <div></div>
            </label>
            <input type="checkbox" id="f1">
            <ul class="nav-box">
                <li class="active"><a href="/tiles/home">首页</a></li>
                <li><a href="/tiles/profession">职业</a></li>
                <li><a href="/tiles/u/plist">管理列表</a></li>
                <li><a href="http://www.jnshu.com">关于</a></li>
            </ul>
        </div>
    </nav>
    <!-- 轮播图 -->
    <div class="carousel-box">
        <ul class="carousel">
            <input type="radio" id="carousel-1" name="carousel" checked>
            <input type="radio" id="carousel-2" name="carousel">
            <input type="radio" id="carousel-3" name="carousel">
            <input type="radio" id="carousel-4" name="carousel">
            <li class="carousel-bg"><img src="./img/carousel-1.png" alt=""></li>
            <li class="carousel-bg"><img src="./img/carousel-2.png" alt=""></li>
            <li class="carousel-bg"><img src="./img/carousel-3.png" alt=""></li>
            <li class="carousel-bg"><img src="./img/carousel-4.png" alt=""></li>
            <li class="carousel-bg"><img src="./img/carousel-1.png" alt=""></li>
            <div class="label-box">
                <label for="carousel-1"></label>
                <label for="carousel-2"></label>
                <label for="carousel-3"></label>
                <label for="carousel-4"></label>
            </div>
        </ul>
    </div>
</header>
